import React,{Component} from 'react'
import img1 from './img/11.png'
import img2 from './img/12.png'
import img3 from './img/13.png'
import img4 from './img/14.png'
import img5 from './img/15.png'
import {user} from "../../api/api"
class Main extends Component{
	constructor(){
		super()
		this.state={
			arr:[{name:'本地音乐',url:img1},
				 {name:'最近播放',url:img2},
				 {name:'下载管理',url:img3},
				 {name:'我的电台',url:img4},
				 {name:'我的收藏',url:img5}]
		}
	}
	componentDidMount(){
// 		user().then((res)=>{
// 			console.log(res)
// 		})
	}
	render(){
		return(
		<div className='main'>	
			{this.state.arr.map(function(item,i){
				return (
				<li key={i}>
					<img src={item.url} />
					<p>
						<span>{item.name}</span>
						<em>(0)</em>
					</p>
				</li>)
			})}
		</div>)
	}
}
export default Main